<template>
  <div class="intro">
    <div class="actor">
      <img class="ruian" :src="obj.aimg" alt="" />
      <div class="message">
         <span>{{obj.aname}}</span>&nbsp;&nbsp;
      <span>演员</span>
      <p class="en">Ryan Reynolds</p> 
      </div>
      <p class="maoyan">猫眼电影>{{obj.aname}}</p>
    </div>
    
  </div>
</template>

<script>
export default {
    props:['obj']
};
</script>

<style scoped>
.actor{
    border-bottom:1px solid #e8e8e8;
    position: relative;
}
.ruian{
    width:100%;
    height: 5rem;
}
.ruian1{
    position: relative;
}
.message{
    position: absolute;
    top: 4rem;
    left: .5rem;
}
span{
    color: white;
    
}
span:nth-of-type(1){
    font-size: .4rem;
    font-weight: 600;
  
}
span:nth-of-type(2){
    width: .7rem;
    height: .6rem;
    font-size: .25rem;
    border:1px solid white;
} 
.en{
    color: white;
}
.maoyan{
    color: #666;
    padding: .4rem 0 .2rem .5rem;
}
</style>